body{
    position: relative;
    
}
main{
    overflow: auto;
}
/*1.app广告*/
.app{
    /*相对于body，固定定位到底部*/
    position: fixed;
    bottom: 0;
    z-index: 1000;
}
.app>img{
    width: 100vw;    
}
span.close-app{
    position: absolute;
    top: 30px;
    right: 0;

    width: 40px;
    height: 40px;
}

/*2.头部的搜索工具条*/
.header-123{
	-moz-transition: all 1s;
}
.bg-orange{
    background-color: orange;
     
}
.logo{
    /*height: 3vh;*/
    width: 7.5vw;
}
.search-bar{
	/*box-sizing: content-box;*/
    background-color: white;
    width: 70vw;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
    color: #B2B2B2;
}
.glyphicon-search{
    opacity: 1;
}
.login{
    color: white;
    font-size: 0.9rem;
}

/*主题内容*/
/*（1）商城早报*/
.hot-header{
    /*padding: 5px;*/
}
a.news-header{
    padding-right: 10px;
    border-right: 1px solid lightgray;
}
.news-header>img{
    width: 21.8vw;
}
a.news-list{
    color: black;
    font-size: 0.7rem;
    padding-left: 5px;
}
.blank-gray{
    height: 5px;
    background-color: lightgray;
}

.left-pro{
    width: 49.5vw;
    float: left;
}
.left-pro img{
    width: 100%;
}
.right-pro{
    width: 49.5vw;
    float: right;
}
.right-pro img{
    width: 100%;
}
.right-pro a:nth-child(1) img{
    margin-bottom: 0.55vw;
}

/*明星单品*/
.pro-banner img{
    width: 100vw;
}

.pro-menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro-menu img{
    width: 49.5vw;
}
.pro-menu figcaption{
    padding-left: 10px;
}
.pro-menu figcaption h4{
    font-size: 0.8rem;
    color: black;
}
.pro-menu figcaption h5{
    font-size: 0.7rem;
    color: gray;
}
.pro-menu figcaption h6{
    font-size: 0.8rem;
    color: darkorange;
}
.pro-menu figcaption h4,.pro-menu figcaption h5,.pro-menu figcaption h6{
    margin: 5px 0;
}
